<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_1864051_2gac6tqii89.css">
    <script language="javascript" type="text/javascript" src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
</head>
<body>
    <div class="wrap">
        <ul class="nav">
            <li><a href="http://news.baidu.com">新闻</a></li>
            <li><a href="https://www.hao123.com">hao123</a></li>
            <li><a href="http://map.baidu.com">地图</a></li>
            <li><a href="https://haokan.baidu.com/?from=baidu-top">视频</a></li>
            <li><a href="thhp://tieba.baidu.com">贴吧</a></li>
            <li><a href="http://xueshu.baidu.com">学术</a></li>
            <li><a href="http://www.baidu.com/more/">更多</a></li>
            <li><a class="fight" href="#">抗击肺炎</a></li>
            <li><a href="#">武汉 <i class="iconfont">&#xe7ed;</i> 27℃ <i class="iconfont">&#xe600;</i></a></li>
            <li><a href="#">设置</a></li>
            <li><a href="#"><i class="iconfont">&#xe713;</i> 用户</a>
                <ul class="select">
                    <li><a href="#">个人中心</a></li>
                    <li><a href="#">消息</a></li>
                    <li><a href="#">账号设置</a></li>
                    <li><a href="#">切换账号</a></li>
                    <li><a href="#">退出登录</a></li>
                </ul>
            </li>
        </ul>
    </div>
    <div class="logo">
        <img class="logo-img" src="img/baidu.png">
    </div>
    <div class="wrapper">
        <input class="search">
        <input class="search-button" type="submit" value="百度一下">
        <img class="soutu-button" src="img/camera.png" title="按图片搜索">
    </div>
</body>
</html>